<!DOCTYPE html>
<html>
<head>
<title>Examples - Canvas tutorial - MDC</title>
</head>
<body>

<h1>Examples - Canvas tutorial - MDC</h1>

These examples are originally distributed at
<a href="https://developer.mozilla.org/en/Canvas_tutorial">Mozilla Developer Center</a>
under the MIT License.

<h2>Basic usage</h2>

<ul>
<li><a href="1_1_canvas_template.html">1_1_canvas_template.html</a></li>
</ul>

<h2>Drawing shapes</h2>

<ul>
<li><a href="2_1_canvas_rect.html">2_1_canvas_rect.html</a></li>
<li><a href="2_2_canvas_moveto.html">2_2_canvas_moveto.html</a></li>
<li><a href="2_3_canvas_lineto.html">2_3_canvas_lineto.html</a></li>
<li><a href="2_4_canvas_arc.html">2_4_canvas_arc.html</a></li>
<li><a href="2_5_canvas_quadraticcurveto.html">2_5_canvas_quadraticcurveto.html</a></li>
<li><a href="2_6_canvas_beziercurveto.html">2_6_canvas_beziercurveto.html</a></li>
<li><a href="2_7_canvas_combined.html">2_7_canvas_combined.html</a></li>
</ul>

<h2>Using images</h2>

<ul>
<li><a href="3_1_canvas_drawimage.html">3_1_canvas_drawimage.html</a></li>
<li><a href="3_2_canvas_drawimage.html">3_2_canvas_drawimage.html</a></li>
<li><a href="3_3_canvas_drawimage.html">3_3_canvas_drawimage.html</a></li>
<li><a href="3_4_canvas_gallery.html">3_4_canvas_gallery.html</a></li>
</ul>

<h2>Applying styles and colors</h2>

<ul>
<li><a href="4_1_canvas_fillstyle.html">4_1_canvas_fillstyle.html</a></li>
<li><a href="4_2_canvas_strokestyle.html">4_2_canvas_strokestyle.html</a></li>
<li><a href="4_3_canvas_globalalpha.html">4_3_canvas_globalalpha.html</a></li>
<li><a href="4_4_canvas_rgba.html">4_4_canvas_rgba.html</a></li>
<li><a href="4_5_canvas_linewidth.html">4_5_canvas_linewidth.html</a></li>
<li><a href="4_6_canvas_linecap.html">4_6_canvas_linecap.html</a></li>
<li><a href="4_7_canvas_linejoin.html">4_7_canvas_linejoin.html</a></li>
<li><a href="4_8_canvas_miterlimit.html">4_8_canvas_miterlimit.html</a></li>
<li><a href="4_9_canvas_lineargradient.html">4_9_canvas_lineargradient.html</a></li>
<li><a href="4_10_canvas_radialgradient.html">4_10_canvas_radialgradient.html</a></li>
<li><a href="4_11_canvas_createpattern.html">4_11_canvas_createpattern.html</a></li>
</ul>

<h2>Transformations</h2>

<ul>
<li><a href="5_1_canvas_savestate.html">5_1_canvas_savestate.html</a></li>
<li><a href="5_2_canvas_translate.html">5_2_canvas_translate.html</a></li>
<li><a href="5_3_canvas_rotate.html">5_3_canvas_rotate.html</a></li>
<li><a href="5_4_canvas_scale.html">5_4_canvas_scale.html</a></li>
<li><a href="5_5_canvas_transform.html">5_5_canvas_transform.html</a></li>
</ul>

<h2>Compositing</h2>

<ul>
<li><a href="6_1_canvas_composite.html">6_1_canvas_composite.html</a></li>
<li><a href="6_2_canvas_clipping.html">6_2_canvas_clipping.html</a></li>
</ul>

<h2>Basic animations</h2>

<ul>
<li><a href="7_2_canvas_animation.html">7_2_canvas_animation.html</a></li>
</ul>

</body>
</html>
